<template>
	<view class="u-flex">
		<view class="">
			I'm test component {{ option.name }}
		</view>

		<template v-if="option.children && option.children.length > 0">
			<view v-for="(child, index) in option.children" :key="index">
				<test-comp :option="child"></test-comp>
			</view>
		</template>
	</view>
</template>

<script>
	export default {
		name: "test-comp",
		props: {
			option: {
				type: Object,
				default: () => {}
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style>

</style>
